<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一页</title>
    <link rel="stylesheet" href="http://shuanzhou.gitee.io/htmltest/page1/page1.css">
</head>
<body>

    <!-- 顶部试图 -->
    <div class="header_english">
        <img src="./images/page1_logo.png" alt="uc优视" class="logo">
        <ul>
            <li><a href="#">English</a></li>
            <li><a href="#">Pyccknm</a></li>
            <li><a href="#">Tieng Viet</a></li>
            <li><a href="#">Bahasa indonesia</a></li>
            <li><a href="#">Portugues</a></li>
            <li><a href="#">Espanol</a></li>
            <li><a href="#">阿拉伯文</a></li>
            <li><a href="#">中文</a></li>
        </ul>
    </div>
    <hr class="hr_gray">

    <!-- 标题菜单 -->
    <div class="header_title">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">产品</a></li>
            <li><a href="#">公司</a></li>
            <li><a href="#">开发合作</a></li>
            <li><a href="#">招聘</a></li>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">社区</a></li>
        </ul>
    </div>

    <hr class="hr_orange">
    <!-- 右边菜单 -->
    <div class="header_rightMenu">
        <ul>
            <li><a href="#">战略投资</a></li>
            <li><a href="#">开发者中心</a></li>
            <li><a href="#">互联网合作</a></li>
            <li><a href="#">终端厂商合作</a></li>
            <li><a href="#">运营商合作</a></li>
            <li><a href="#">游戏开放平台</a></li>
            <li><a href="#">开放合作首页</a></li>
        </ul>
    </div>

    <!-- 轮播图 -->
    <div class="banner">
        <img src="./images/page1_banner.png" alt="banner">
    </div>

    <div class="mainContent">
        <ul>
            <li class="item">
                <p class="title">游戏开发平台</p>
                <img src="./images/page1_image01.png" alt="">
                <p class="subTitle">移动互联网娱乐平台之一，UC九游通过对各类移动终端的覆盖，为用户创造一种全新的游戏生活体验。</p>
            </li>

            <li class="item">
                <p class="title">运营商合作</p>
                <img src="./images/page1_image02.png" alt="">
                <p class="subTitle">使用云压缩和云加速，为您节省成本，使您的网络更畅通。</p>
            </li>

            <li class="item itemR">
                <p class="title">终端厂商合作</p>
                <img src="./images/page1_image03.png" alt="">
                <p class="subTitle">为您的用户捆绑最优秀的游览器服务。</p>
            </li>

            <li class="item">
                <p class="title">互联网合作</p>
                <img src="./images/page1_image04.png" alt="">
                <p class="subTitle">我们为您 的内容和服务提供最优质的出口。</p>
            </li>

            <li class="item">
                <p class="title">开发者中心</p>
                <img src="./images/page1_image05.png" alt="">
                <p class="subTitle">UC浏览器开放参数以及第三方调用UC浏览器例程。</p>
            </li>

            <li class="item itemR">
                <p class="title">战略投资</p>
                <img src="./images/page1_image06.png" alt="">
                <p class="subTitle">为您提供战略规划、产品技术、市场策略、内部管理及商业模式等方面的大力支持。</p>
            </li>
        </ul>
    </div>

    <!-- 尾部试图 -->
    <div class="footer">
        <p class="top">UC优视 2004-2014 @版权所有 增值电信业务经营许可证：粤B2-20070379 粤ICP备09210879</p>
        <p class="bottom">中华人民共和国互联网药品信息服务资格证：（粤）-非经营性-2011-0120</p>
    </div>
    
</body>
</html>